//路由鉴权，项目当中的路由能不能被访问的权限的设置(某一个路由什么条件下可以访问，什么条件下不可以访问)
import router from '@/router'
//@ts-ignore
import nprogress from 'nprogress'
//引入进度条的样式
import 'nprogress/nprogress.css'
nprogress.configure({ showSpinner: false })
import pinia from '@/store'
import useUserStore from '@/store/modules/user'
import setting from '@/setting'

let userStore = useUserStore(pinia)

// 全局前置守卫：项目中任意路由的切换都会触发的钩子
router.beforeEach(async (to: any, from: any, next: any) => {
  // to and from are both route objects. must call `next`.
  document.title = `${setting.title} - ${to.meta.title}`
  nprogress.start()
  let token = userStore.token
  // 获取用户的名字
  let username = userStore.username

  // 用户是否登录的判断
  if (token) {
    // 这里需要判断token是否过期
    if (to.path == '/login') {
      //登录成功，不能访问login，需要跳转到首页
      next({ path: '/' })
    } else {
      //登录成功访问其他的路由
      if (username) {
        //有用户信息，放行
        next()
      } else {
        //没有用户信息，发请求获取到用户信息后再放行
        try {
          //获取用户信息
          await userStore.userInfo()
          //万一刷新的是异步路由，有可能获取到了用户信息，但是异步路由还没有加载完毕，导致出现空白
          next({ ...to })
        } catch (error) {
          //token过期：就获取不到用户的信息了
          //获取用户手动修改了本地存储的token
          //先退出登录,清空用户相关的信息
          await userStore.userLogout()
          next({ path: '/login', query: { redirect: to.path } })
        }
      }
    }
  } else {
    if (to.path == '/login') {
      next()
    } else {
      next({ path: '/login', query: { redirect: to.path } })
    }
  }
})
// 全局后置守卫
router.afterEach((to: any, from: any) => {
  nprogress.done()
  // to and from are both route objects.
})

// 1.任意路由切换，实现进度条业务 --- npm install nprogress
// 2.鉴权问题：路由组件访问权限的设置
